<template>
	<view class="pages-user-login rel" v-if="isLoad">
		<!-- #ifndef H5 -->
		<uni-nav-bar :fixed="true" :shadow="false" :statusBar="true" leftIcon="icon-left" title=" " color="#000"
			backgroundColor="none">
		</uni-nav-bar>
		<!-- #endif -->
		<image class="coach-bg abs" :src="`https://api.huixuananmm.com/admin/anmo/technician/coach-bg.png`"></image>
		<view class="rel" style="padding: 0 60rpx;">
			<!-- #ifdef H5 -->
			<view style="height:140rpx"></view>
			<!-- #endif -->
			<!-- #ifndef H5 -->
			<view style="height:228rpx"></view>
			<!-- #endif -->
			<view class="f-lg-title" style="color: #142C57;">账号设置</view>
			<view style="height:70rpx"></view>
			<view class="login-btn flex-center pl-lg pr-lg f-mini-title radius-16">
				<view class="text">手机号</view>
				<view class="input flex-1 flex-y-center">
					{{coachInfo.account_info&&coachInfo.account_info.id?coachInfo.account_info.user_name:'-'}}
				</view>
			</view>
			<view class="login-btn flex-center mt-md pl-lg pr-lg f-mini-title radius-16">
				<view class="text">密码</view>
				<view class="input flex-1 flex-y-center">
					{{coachInfo.account_info&&coachInfo.account_info.id?coachInfo.account_info.pass_word:'-'}}
				</view>
			</view>
			<view
				@tap.stop="coachInfo.account_info&&coachInfo.account_info.id?$util.goUrl({url:`/technician/pages/account/reset`,openType:`redirectTo`}):''"
				class="flex-between" style="margin-top: 40rpx;color:#4A4A4A">
				<view></view>
				<view class="f-paragraph"
					:style="{color:coachInfo.account_info&&coachInfo.account_info.id?primaryColor:'#999'}">重置密码</view>
			</view>
			<view @tap.stop="$util.toLoginOut(2)" class="login-btn flex-center f-title radius-10"
				style="margin: 40rpx 0" :style="{ background: primaryColor,color:'#fff' }">退出登录 </view>
		</view>
		<view class="space-footer"></view>
	</view>
</template>

<script>
	import {
		mapState,
		mapActions,
		mapMutations
	} from 'vuex';
	export default {
		components: {},
		data() {
			return {
				isLoad: false,
				form: {
					user_name: '',
					pass_word: ''
				}
			}
		},
		async onLoad(options) {
			if (!this.configInfo.id) {
				await this.getConfigInfo()
			}
			this.isLoad = true
		},
		onShow() {},
		computed: mapState({
			configInfo: state => state.config.configInfo,
		}),
		methods: {
			...mapActions(['getConfigInfo']),
			...mapMutations(['updateUserItem'])
		}
	}
</script>

<style lang="scss">
	page {
		background: #fff;
		height: 100%;
	}


	.pages-user-login {
		.coach-bg {
			top: 0;
			left: 0;
			width: 100%;
			height: 401rpx
		}

		.login-btn {
			width: 630rpx;
			height: 110rpx;
			color: #142C57;
			background: #F6F7FB;

			.text {
				width: 140rpx
			}

			.input {
				height: 110rpx;
				color: #222
			}

			.iconxianshimima {
				font-size: 30rpx;
			}

			.iconyincangmima {
				font-size: 16rpx;
			}

		}
	}
</style>